<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>酷狗音乐比赛</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/kugou.css"/>
	</head>
	<body>
		<div id="web">
			<!--第一页开始-->
			<div id="t_one">
				<div class="te"></div>
				<div class="one-a">
					<img src="img/one-a.png"/>
				</div>
				<div class="one-b">
					<img src="img/one-b.png"/>
				</div>
				<div class="one-c">
					<img src="img/one-c.png"/>
				</div>
				<div class="one-d">
					<img src="img/one-d.png"/>
				</div>
				<div class="one-f">
					<img src="img/one-f.png"/>
				</div>
				<div id="progressText">Loading...</div>
			</div>
			<!--第一页结束-->
			
			<!--第二页开始-->
			<div id="t_two">
				<div class="two-a">
					<img src="img/two-a.png"/>
				</div>
				<div class="two-b">
					<img src="img/two-b.png"/>
				</div>
				<div class="two-c">
					<img src="img/two-d.png"/>
				</div>
				<div class="two-d">
					<img src="img/two-f.png"/>
				</div>
				<div class="two-e">
					<img src="img/two-c.png"/>
				</div>
				<div class="two-f">
					<img src="img/two-g.png"/>
				</div>
				<div class="two-g">
					<img src="img/two-h.png"/>
				</div>
				<div class="two-h">
					<img src="img/two-i.png"/>
				</div>
				<div class="two-i">
					<img src="img/two-j.png"/>
				</div>
				<div class="two-j">
					<img src="img/two-j.png"/>
				</div>
				<div class="two-k" id="btn_k">
					<img src="img/two-k.png"/>
				</div>
			</div>
			<!--第二页结束-->
			
		</div>
		
		
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/preloadjs.min.js"></script>
		
		<script>
			// 预加载
			var time = 1;
			var t = setInterval(function(){
				var queue = new createjs.LoadQueue();
				queue.loadManifest(["img/one-a.png","img/one-b.png","img/one-c.png","img/one-d.png","img/one-f.png"]);
				queue.on("progress",function(event){
					var progress = (event.progress*100).toFixed(1);
					$("#progressText").html("Loading..."+progress);
				});
				queue.on("complete",function(event){
					$("#t_one").fadeOut();
				},this);
				queue.load();
				
				time--;
				if(time == 0){
					// clearInterval 清除Interval 清除Interval定时器
					clearInterval(t);
				}
			},2000);
			
			$("#btn_k").click(function(){
				window.location.href = "dt-bf.html";
			});
			
		</script>
	</body>
</html>
